
.bg{
    width: 100%;
    height: 100%;
    background-color: #fff;
    background-image: url('../../../public/bg.jpg');
    background-size: 100% 100%;
    background-repeat: no-repeat;

}
.login{ 
    display: flex;
    flex-direction: column;
    justify-content: center;
    // align-items: center;
    min-width: 250px;
    padding: 20px;
    width: 40%;
    height: 260px;
    border-radius: 10px;
    background-color: rgba(255,255,255,.8);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

// @media (max-width:50%) {
//     .login{
//         width: 50%;
//     }
// }